<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品列表</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/decails.css"/>
		<link rel="stylesheet" type="text/css" href="css/productList.css"/>
	</head>
	<body>
		<!--nav-->
		<nav>
			<div class="nav_left">
				<div class="n_shop" id="n_shop">
					<div class="icon0"></div>
					<p>购物车</p>
					<div class="n_y" id="num1">0</div>
				</div>		
					<div class="icon1" id="icon1"> 
						<img src="img/9.png"/>
					</div>
					<div class="icon2" id="icon2">
						<img src="img/10.png"/>
					</div>
					<img src="img/6.png" class="icon3"/>
					<img src="img/5.png" class="icon4"/>
					<img src="img/下载.png" class="icon5" id="icon5"/>
		   		
		   	</div>	
		   	<div class="nav_right">
		   		<div class="myShoopingCart" id="myShoopingCart">
		   			<p>我的购物车</p>
		   			<img src="img/login-close.png" class="error"/>
		   			<img src="img/cart_mini_empty.png" class="car"/>
		   		</div>
		   		<div class="myCoupon" id="myCoupon">
		   			<p class="you">我的优惠劵</p>
		   			<img src="img/login-close.png" class="error"/>
		   			<p class="deng">登录后才能查看</p>
		   			<a href="login.html" class="btn1">登录</a>
		   		</div>
		   		<div class="myFavorite" id="myFavorite">
		   			<p class="you">我的收藏</p>
		   			<img src="img/login-close.png" class="error"/>
		   			<p class="deng">登录后才能查看</p>
		   			<a href="login.html" class="btn1">登录</a>
		   		</div>
		   	</div>
			
				
		</nav>
		<!--header-->
		<header>
			<a href="Consumer notification.html" class="h_xiao">消费者告知书</a>
			<div class="h_r">
				<a href="login.html" id="login_text">登录</a><span>|</span>
				<a href="login.html">注册</a><span>|</span>
				<div><img src="img/1.png"/>400-080-1888</div><span>|</span>
				<div>下载达鹿app</div>
			</div>
		</header>
		<!--aside-->	
		<aside>
			<img class="logo" src="img/logo.jpg"/>
			<p class="a_i">一手全球好货</p>
			<div class="a_search">
				<form>
					<input type="text" class="a_s"/>
					<input type="button" value="搜索" class="a_e"/>
				</form>
				<p class="a_d">
					<a href="#">口红</a>
					<a href="#">面膜</a>
					<a href="#">耳饰</a>
					<a href="#">日系美妆</a>
					<a href="#">化妆水</a>
					<a href="#">底妆</a>
					<a href="#">乳霜</a>
					<a href="#">洁面</a>
					<a href="#">防晒</a>
				</p>		
			</div>
			<a class="a_shop" id="a_shop">
				<img src="img/da-header-cart-bg.jpg"/>
				我的购物车<span class="a_shop_k">></span>
				<span class="a_y" id="num2">0</span>
			</a>
		</aside>
		<!--bar-->
		<div class="bar">

			<a href="#" id="allGoods">全部分类 <span></span> </a>
			<a href="#">首页</a>
			<a href="#">极致美护</a>
			<a href="#" id="sock">全球零食</a>
			<a href="#">创意生活</a>
			<a href="#">时尚配饰</a>
			<a href="#">尖货女装</a>
			<a href="#">3C家电</a>
		</div>
		<!--banner-->
		<div class="banner">
			<div class="banner_left" id="banner_left">
				<dl class="dl1">
					<dt>
						<p><img src="img/14387617626466.png"/> 极致美护</p>
						<a href="#">面膜</a>
						<a href="#">化妆水</a>
						<a href="#">洁面</a>
						<a href="#">防晒</a><br />
						<a href="#">面霜/乳液</a>
						<a href="#">卸妆</a>
						<a href="#">精华</a>
						<span class="dl_icon"></span>
					</dt>
					<dd>
						<p>极致美护</p>
						<div class="dl1_photo">
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
						</div>
						<div class="dl1_left">
							<div class="left_1">
								<a href="#">面部护肤</a>
								<a href="#">面膜</a>
								<a href="#">化妆水</a>
								<a href="#">洁面</a>
								<a href="#">防晒</a>
								<a href="#">面霜/乳液</a>
								<a href="#">精华</a>
								<a href="#">眼部护理</a>
								<a href="#">护肤套装</a>
								<a href="#">唇部护理</a>
								<a href="#">精油</a>
								<a href="#">美妆用品</a>
								<a href="#">男士专区</a>
							</div>
							<div class="left_2">
								<a href="#">彩妆香氛</a>
								<a href="#">卸妆</a>
								<a href="#">女士香水</a>
								<a href="#">隔离/底妆</a>
								<a href="#">唇膏口红</a>
								<a href="#">眼妆/腮红</a>
								<a href="#">美甲</a>
							</div>
							<div class="left_3">
								<a href="#">个护保健</a>
								<a href="#">沐浴/体乳</a>
								<a href="#">洗发/护发</a>
								<a href="#">口腔护理</a>
								<a href="#">美体护理</a>
								<a href="#">手足护理</a>
								<a href="#">驱蚊凝露</a>
								<a href="#">女性卫生</a>
								<a href="#">保健品</a>
							</div>
						</div>	
						<div class="dl1_right">
							<img src="img/8.png"/>
						</div>
						
					</dd>
				</dl>
				<dl class="dl2">
					<dt>
						<p><img src="img/1438769925573.png"/> 全球零食</p>
						<a href="#">饼干</a>
						<a href="#">威化</a>
						<a href="#">蜂蜜</a>
						<a href="#">麦片</a>
						<a href="#">糖果</a>
						<a href="#">巧克力</a>
						<a href="#">膨化食品</a>
						<a href="#">咖啡</a>
						<span class="dl_icon"></span>
					</dt>
					<dd>
						<p>全球零食</p>
						<div class="dl1_photo">
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
						</div>
						<div class="dl1_left">
							<div class="left_1">
								<a href="#">面部护肤</a>
								<a href="#">面膜</a>
								<a href="#">化妆水</a>
								<a href="#">洁面</a>
								<a href="#">防晒</a>
								<a href="#">面霜/乳液</a>
								<a href="#">精华</a>
								<a href="#">眼部护理</a>
								<a href="#">护肤套装</a>
								<a href="#">唇部护理</a>
								<a href="#">精油</a>
								<a href="#">美妆用品</a>
								<a href="#">男士专区</a>
							</div>
							<div class="left_2">
								<a href="#">彩妆香氛</a>
								<a href="#">卸妆</a>
								<a href="#">女士香水</a>
								<a href="#">隔离/底妆</a>
								<a href="#">唇膏口红</a>
								<a href="#">眼妆/腮红</a>
								<a href="#">美甲</a>
							</div>
							<div class="left_3">
								<a href="#">个护保健</a>
								<a href="#">沐浴/体乳</a>
								<a href="#">洗发/护发</a>
								<a href="#">口腔护理</a>
								<a href="#">美体护理</a>
								<a href="#">手足护理</a>
								<a href="#">驱蚊凝露</a>
								<a href="#">女性卫生</a>
								<a href="#">保健品</a>
							</div>
						</div>	
						<div class="dl1_right">
							<img src="img/8.png"/>
						</div>
						
					</dd>
				</dl>
				<dl class="dl3">
					<dt>
						<p><img src="img/14387700022379.png"/> 创意生活</p>
						<a href="#">水杯/保温杯</a>
						<a href="#">随身小物件</a>
						<a href="#">玩偶</a>
						<a href="#">钥匙挂件</a>
						<a href="#">其他创意礼品</a>
						<span class="dl_icon"></span>
					</dt>
					<dd>
						<p>创意生活</p>
						<div class="dl1_photo">
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
						</div>
						<div class="dl1_left">
							<div class="left_1">
								<a href="#">面部护肤</a>
								<a href="#">面膜</a>
								<a href="#">化妆水</a>
								<a href="#">洁面</a>
								<a href="#">防晒</a>
								<a href="#">面霜/乳液</a>
								<a href="#">精华</a>
								<a href="#">眼部护理</a>
								<a href="#">护肤套装</a>
								<a href="#">唇部护理</a>
								<a href="#">精油</a>
								<a href="#">美妆用品</a>
								<a href="#">男士专区</a>
							</div>
							<div class="left_2">
								<a href="#">彩妆香氛</a>
								<a href="#">卸妆</a>
								<a href="#">女士香水</a>
								<a href="#">隔离/底妆</a>
								<a href="#">唇膏口红</a>
								<a href="#">眼妆/腮红</a>
								<a href="#">美甲</a>
							</div>
							<div class="left_3">
								<a href="#">个护保健</a>
								<a href="#">沐浴/体乳</a>
								<a href="#">洗发/护发</a>
								<a href="#">口腔护理</a>
								<a href="#">美体护理</a>
								<a href="#">手足护理</a>
								<a href="#">驱蚊凝露</a>
								<a href="#">女性卫生</a>
								<a href="#">保健品</a>
							</div>
						</div>	
						<div class="dl1_right">
							<img src="img/8.png"/>
						</div>
						
					</dd>
				</dl>
				<dl class="dl4">
					<dt>
						<p><img src="img/14387700336975.png"/> 时尚配饰</p>
						<a href="#">奢饰品</a>
						<a href="#">配饰</a>
						<a href="#">箱包</a>
						<a href="#">项链</a>
						<a href="#">手链</a>
						<a href="#">耳饰</a>
						<a href="#">戒指</a>
						<a href="#">太阳镜</a>
						<span class="dl_icon"></span>
					</dt>
					<dd>
						<p>时尚配饰</p>
						<div class="dl1_photo">
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
							<div><img src="img/7.png" alt="" /></div>
						</div>
						<div class="dl1_left">
							<div class="left_1">
								<a href="#">面部护肤</a>
								<a href="#">面膜</a>
								<a href="#">化妆水</a>
								<a href="#">洁面</a>
								<a href="#">防晒</a>
								<a href="#">面霜/乳液</a>
								<a href="#">精华</a>
								<a href="#">眼部护理</a>
								<a href="#">护肤套装</a>
								<a href="#">唇部护理</a>
								<a href="#">精油</a>
								<a href="#">美妆用品</a>
								<a href="#">男士专区</a>
							</div>
							<div class="left_2">
								<a href="#">彩妆香氛</a>
								<a href="#">卸妆</a>
								<a href="#">女士香水</a>
								<a href="#">隔离/底妆</a>
								<a href="#">唇膏口红</a>
								<a href="#">眼妆/腮红</a>
								<a href="#">美甲</a>
							</div>
							<div class="left_3">
								<a href="#">个护保健</a>
								<a href="#">沐浴/体乳</a>
								<a href="#">洗发/护发</a>
								<a href="#">口腔护理</a>
								<a href="#">美体护理</a>
								<a href="#">手足护理</a>
								<a href="#">驱蚊凝露</a>
								<a href="#">女性卫生</a>
								<a href="#">保健品</a>
							</div>
						</div>	
						<div class="dl1_right">
							<img src="img/8.png"/>
						</div>
						
					</dd>
				</dl>
			</div>
		</div>
		<!--section-->
		<section>
			<span class="section_icno1"></span>
			<span class="section_jiant"></span>
			<a href="#">全球零食</a>
			<span class="section_jiant"></span>
			<input type="text" class="se_search1"/>
			<span class="se_search2"></span>
		</section>
		<!--导航-->
		<div class="nav">
			<dl>
				<dt>达鹿力荐：</dt>
				<dd><a href="#">宿舍宵夜吃起来</a></dd>
				<dd><a href="#">困乏提神好物</a></dd>
				<dd><a href="#">办公室抽屉必备</a></dd>
				<dd><a href="#">超人气甜品</a></dd>
			</dl>
			<dl>
				<dt>分类：</dt>
				<dd><a href="#">休闲零食</a></dd>
				<dd><a href="#">咖啡/冲饮</a></dd>
				<dd><a href="#">饼干/糕点</a></dd>
				<dd><a href="#">饮料/酒水</a></dd>
				<dd><a href="#">果干/坚果</a></dd>
				<dd><a href="#">糖果/巧克力</a></dd>
			</dl>
			<dl>
				<dt>地区：</dt>
				<dd><a href="#">韩国</a></dd>
				<dd><a href="#">台湾</a></dd>
				<dd><a href="#">美国</a></dd>
				<dd><a href="#">欧洲</a></dd>
				<dd><a href="#">东南亚</a></dd>
				<dd><a href="#">日本</a></dd>
				<dd><a href="#">澳洲</a></dd>
			</dl>
			<dl>
				<dt>品牌：</dt>
				<dd><a href="#">百草味</a></dd>
				<dd><a href="#">喜善花房</a></dd>
				<dd><a href="#">拉蒙</a></dd>
				<dd><a href="#">虎标</a></dd>
				<dd><a href="#">Richeese</a></dd>
				<dd><a href="#">雪之恋</a></dd>
				<dd><a href="#">维奕</a></dd>
			</dl>
			<dl>
				<dt>价格：</dt>
				<dd><a href="#">0-50</a></dd>
				<dd><a href="#">50-100</a></dd>
				<dd><a href="#">500以上</a></dd>
			</dl>
		</div>
		<!--商品列表-->
		<div class="pro_list">
			<div class="top_1">
						<img src="img/12.jpg"/>
						<p class="article_price">
							<span class="now_price">￥86.00</span>&nbsp;
							<span class="old_price">￥129.00</span>
							<span class="collect">1209人收藏</span>
						</p>
						<a href="#" class="titie">
							<span class="discount">6折/</span>
							<span class="title_japan">[日本 · 你身边的“洁面专家”] Shiseido资生堂洗颜专科超微米洁颜乳(升级版/120g*2/日版/台版随机发</span>
						</a>
			</div>
			<div class="top_1">
						<img src="img/14.jpg"/>
						<p class="article_price">
							<span class="now_price">￥86.00</span>&nbsp;
							<span class="old_price">￥129.00</span>
							<span class="collect">1209人收藏</span>
						</p>
						<a href="#" class="titie">
							<span class="discount">6折/</span>
							<span class="title_japan">[日本 · 你身边的“洁面专家”] Shiseido资生堂洗颜专科超微米洁颜乳(升级版/120g*2/日版/台版随机发</span>
						</a>
			</div>
			<div class="top_1">
						<img src="img/15.jpg"/>
						<p class="article_price">
							<span class="now_price">￥86.00</span>&nbsp;
							<span class="old_price">￥129.00</span>
							<span class="collect">1209人收藏</span>
						</p>
						<a href="#" class="titie">
							<span class="discount">6折/</span>
							<span class="title_japan">[日本 · 你身边的“洁面专家”] Shiseido资生堂洗颜专科超微米洁颜乳(升级版/120g*2/日版/台版随机发</span>
						</a>
			</div>
			<div class="top_1">
						<img src="img/21.jpg"/>
						<p class="article_price">
							<span class="now_price">￥86.00</span>&nbsp;
							<span class="old_price">￥129.00</span>
							<span class="collect">1209人收藏</span>
						</p>
						<a href="#" class="titie">
							<span class="discount">6折/</span>
							<span class="title_japan">[日本 · 你身边的“洁面专家”] Shiseido资生堂洗颜专科超微米洁颜乳(升级版/120g*2/日版/台版随机发</span>
						</a>
			</div>
			<div class="top_1">
						<img src="img/26.jpg"/>
						<p class="article_price">
							<span class="now_price">￥86.00</span>&nbsp;
							<span class="old_price">￥129.00</span>
							<span class="collect">1209人收藏</span>
						</p>
						<a href="#" class="titie">
							<span class="discount">6折/</span>
							<span class="title_japan">[日本 · 你身边的“洁面专家”] Shiseido资生堂洗颜专科超微米洁颜乳(升级版/120g*2/日版/台版随机发</span>
						</a>
			</div>
			<div class="top_1">
						<img src="img/27.jpg"/>
						<p class="article_price">
							<span class="now_price">￥86.00</span>&nbsp;
							<span class="old_price">￥129.00</span>
							<span class="collect">1209人收藏</span>
						</p>
						<a href="#" class="titie">
							<span class="discount">6折/</span>
							<span class="title_japan">[日本 · 你身边的“洁面专家”] Shiseido资生堂洗颜专科超微米洁颜乳(升级版/120g*2/日版/台版随机发</span>
						</a>
			</div>
			<div class="top_1">
						<img src="img/FA163E0C4D3EH3MF08M66788M1T.jpg"/>
						<p class="article_price">
							<span class="now_price">￥86.00</span>&nbsp;
							<span class="old_price">￥129.00</span>
							<span class="collect">1209人收藏</span>
						</p>
						<a href="#" class="titie">
							<span class="discount">6折/</span>
							<span class="title_japan">[日本 · 你身边的“洁面专家”] Shiseido资生堂洗颜专科超微米洁颜乳(升级版/120g*2/日版/台版随机发</span>
						</a>
			</div>
			<div class="top_1">
						<img src="img/45.jpg"/>
						<p class="article_price">
							<span class="now_price">￥86.00</span>&nbsp;
							<span class="old_price">￥129.00</span>
							<span class="collect">1209人收藏</span>
						</p>
						<a href="#" class="titie">
							<span class="discount">6折/</span>
							<span class="title_japan">[日本 · 你身边的“洁面专家”] Shiseido资生堂洗颜专科超微米洁颜乳(升级版/120g*2/日版/台版随机发</span>
						</a>
			</div>
		</div>
		<!--footer-->
		<footer>
			<div class="f_top">
				<ul>
					<li>
						为什么选择
						<span></span>
					</li>
					<li>
						<span></span>
						100多个品牌授权
					</li>
					<li>
						<span></span>
						24小时内发货
					</li>
				
					<li>
						<span></span>
						保税区正品
					</li>
				</ul>
			</div>
			<div class="f_center">
				<div class="c_left">
					<p class="c_text1">投资人说达鹿</p>
					<p class="c_text2">“hi，达鹿，我是投资人，投资比影响力更重要的是责任。”</p>
				</div>
				<div class="c_right">
					<p class="c_text1">投资人说达鹿</p>
					<p class="c_text2">“达鹿™一手全球好货--带您购全球,教您神马值得买。
                	连续两年荣获App store 编辑推荐最佳购物类应用！”</p>
				</div>
			</div>
			<div class="f_bottom">
				<div class="bottom_t">
					<a href="#">首页</a> | 
					<a href="#">网站地图</a> | 
					<a href="#">消费者告知书</a> | 
					<a href="#">优惠券使用规则</a> | 
					<a href="#">退换货使用说明</a> | 
					<a href="#">关于我们</a>  | 
					<a href="#">联系我们</a>
				</div>
				<div class="bottom_c">
					北京普缇客科技有限公司&nbsp;
					<img src="img/cert.png"/>
					<img src="img/cnnic.png"/>
					<img src="img/ico_zfb.jpg"/>
				</div>
				<div class="bottom_b">
					Copyright © 2016达鹿 ，All Rights Reserved │ 京ICP备14009583号-1 │ 京公网安备11010502027399 | 食品流通许可证编号：SP1101051510323113
				</div>
			</div>
		</footer>
	</body>
</html>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookieTools.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="js/parabola.js" type="text/javascript" charset="utf-8"></script>-->
<script type="text/javascript">
//二级菜单
	document.getElementById("allGoods").onmouseover=function(){
		document.getElementById("banner_left").style.display="block";
	}
	document.getElementById("banner_left").onmouseover=function(){
		document.getElementById("banner_left").style.display="block";
	}
	document.getElementById("banner_left").onmouseout=function(){
		document.getElementById("banner_left").style.display="none";
	}
	document.getElementById("allGoods").onmouseout=function(){
		document.getElementById("banner_left").style.display="none";
	}
	$(function(){
		$("#last_icon").mouseover(function(){
			$(".expenseText").css("display","block");
		});
		$("#last_icon").mouseout(function(){
			$(".expenseText").css("display","none");
		});
		$("#expenseText").mouseover(function(){
			$(".expenseText").css("display","block");
		});
		$("#expenseText").mouseout(function(){
			$(".expenseText").css("display","none");
		});
	
	//获取商品信息

		var str=getCookie("userPhone");
		$("#login_text")[0].innerHTML=str;
		var arr=[];
		$.ajax({
				type:"get",
				url:"php/getGoodsList.php",
				async:true,
				success:function(data){
					arr=eval(data);
					//把商品信息添加到页面中
					let now_priceArr=$(".now_price");
					let imgArr=$(".top_1 img");
					let discountArr=$(".discount");
					let titleArr=$(".title_japan");
					console.log(now_priceArr);
					for(let i=0;i<arr.length;i++){
					now_priceArr[i].innerHTML=arr[i].goodsPrice+".00";
					imgArr[i].src=arr[i].goodsImg;
					discountArr[i].innerHTML=arr[i].goodsId;
					titleArr[i].innerHTML=arr[i].goodsDesc;
					}
				}
		})
		
	});
</script>
